<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组遍历</title>
</head>

<body>
    <script>
        // 数组遍历 --- 循环数组 --- 遍历数组
        // 目的：对数组中的每个字做操作 --- 比如输出
        // 逐个输出数组中的所有的值
        var arr = [100, 200, 300, 400];
        // console.log(arr[0]);
        // console.log(arr[1]);
        // console.log(arr[2]);
        // console.log(arr[3]);
        // for(var i=0; i<=arr.length-1;){

        // }

        for (var i = 0; i <= arr.length; i++) {
            console.log(arr[i]);
        }

        //例子1 数组中的所有数 求和
        var arr = [100, 200, 300, 400];

        var total = 0;
        for (var i = 0; i < arr.length; ++i) {
            // 逐个从数组中取出值，累加到total上
            total += arr[i];
            // total = total + arr[i]
            console.log(total);
        }
        console.log(total);

        // 例子2 数组中的所有数，求偶数的和
        var arr = [100, 101, 300, 301];
        var total = 0;
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] % 2 == 0) {
                // 是偶数
                total += arr[i];
            }
        }
        console.log(total);

        // 例子3 将数组中的所有值，拼接成一个字符串,用|隔开
        var arr = [100, 200, 300, 400];
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            if (i == arr.length - 1) {
                str = str + arr[i];
                // str += arr[i];
            } else {
                str = str + arr[i] + '|';
            }
        }
        console.log(str);

        // 扩展思路 值前面拼接 |; 第一个不加|
        var arr = [100, 200, 300, 400];
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            if (i == arr.length - 1) {
                str = str + arr[i];
                // str += arr[i];
            } else {
                str = str + arr[i] + '|';
            }
        }
        console.log(str);
    </script>
</body>

</html>